
<div class="w-full space-y-4">
  <textarea rows="8" placeholder="Textarea Primary" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-stone-800 hover:ring-stone-800/10 focus:border-stone-800 focus:ring-stone-800/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
  <textarea rows="8" placeholder="Textarea Secondary" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-stone-500 hover:ring-secondary/10 focus:border-secondary focus:ring-secondary/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
  <textarea rows="8" placeholder="Textarea Info" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-info hover:ring-info/10 focus:border-info focus:ring-info/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
  <textarea rows="8" placeholder="Textarea Success" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-success hover:ring-success/10 focus:border-success focus:ring-success/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
  <textarea rows="8" placeholder="Textarea Warning" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-warning hover:ring-warning/10 focus:border-warning focus:ring-warning/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
  <textarea rows="8" placeholder="Textarea Error" class="peer block w-full resize-none outline-none focus:outline-none text-stone-800 dark:text-white placeholder:text-stone-600/60 bg-transparent ring-transparent border border-stone-200 transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none hover:border-error hover:ring-error/10 focus:border-error focus:ring-error/10 text-sm shadow-sm p-2.5 rounded-md ring"></textarea>
</div>
